<template>
	<view>
		<view class="goodsbox" v-for="item in goodslist" :key="item.goods_id">
      <view class="image">
        <image :src="item.goods_small_logo" mode="aspectFit"></image>
      </view>
      <view class="goodsbox_info">
        <view>
          <span>{{item.goods_name}}</span>
        </view>
        <view>
          <span class="goodsbox_info_price">{{item.goods_price | price}}</span>
        </view>
      </view>
    </view>
	</view>
</template>

<script>
	export default {
    props:['goodslist'],
		data() {
			return {
				
			};
		},
    filters:{
       price(val){
         return '￥'+val+'.00'
       }
    }
	}
</script>

<style>
.goodsbox{
  width: 100%;
  height: 320rpx;
  display: flex;
  border-bottom: 1px #C0C0C0 solid;
}
.image{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 320rpx;
  height: 100%;
}
.image image{
  width: 300rpx;
  height: 300rpx;
}
.goodsbox_info{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 0 20rpx 0 20rpx;
}
.goodsbox_info_price{
  color: red;
}
</style>
